@import "app.scss";

.home-warp {
  width: 100vw;
  height: 100vh;
  background-color: #e5eff8;
  padding: 0 r(16);
  .darpdown {
    position: fixed;
    left: 10px;
    z-index: 2;
  }
  .content {
    width: 100%;
    overflow-y: scroll;
  }
  .serach {
    .van-search {
      padding: 0 r(52) r(12);
    }
  }
  .swiper {
    margin-bottom: r(20);
  }
  .menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .img-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: r(18);
    padding: 0 r(6);
    .left {
      width: r(100);
      height: r(100);
      .img {
        width: 100%;
        height: 100%;
      }
    }
    .right {
      width: r(212);
      height: r(100);
      .img {
        width: 100%;
        height: 100%;
      }
    }
  }
}
